html{
	height: 100%;
	font-size: 25.641vw;
}
body{
	height: 100%;
	font-size:.16rem;
}
.carousel{
	margin:0.15rem;
	width:3.6rem;
	border-radius: .06rem;
	position: relative;
	overflow: hidden;
}
.carousel div{
	transition: .6s;
	height: 1.6rem;
}
.carousel img{
	width:3.6rem;
	height:1.6rem;
	float: left;
}
.carousel ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	left: 50%;
	bottom: 0.05rem;
}
.carousel ul li{
	width:0.06rem;
	height:0.06rem;
	border-radius: 0.03rem;
	background: #ddd;
}
.carousel ul .active{
	width:0.12rem;
}
.menu{
	width: 100%;
	height: .35rem;
	box-sizing: border-box;
	padding: 0 .35rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	font-size: .14rem;
	border-bottom: .01rem solid #f6f6f9;
}
.menu a{
	color: #807f93;
}
.menu a:first-child{
	color: #191919;
}
.menu span{
	position: absolute;
	left:.45rem;
	bottom: .01rem;
	width:.29rem;
	height: .04rem;
	background: #191919;
	border-radius: .02rem;
}
section{
	background: #f6f6f9;
	padding: 0 .15rem;
	box-sizing: border-box;
	overflow: hidden;
}
section>div{
	margin-top: .15rem;
	width: 100%;
	height: 2.56rem;
	background: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	box-sizing: border-box;
	padding-bottom: .15rem;
}
section>div>div:first-child{
	width: 100%;
	height: 1.6rem;
	border-top-left-radius: .05rem;
	border-top-right-radius: .05rem;
	overflow: hidden;
}
section>div>div:first-child img{
	width:100%;
	height:100%;
}
section>div>div:nth-child(2){
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: .14rem;
}
section>div>div:nth-child(2)>div{
	background: #fe5e56;
	color:white;
	height:.2rem;
	width:.72rem;
	text-align: center;
	line-height: .2rem;
	border-radius: .1rem .1rem 0 .1rem;
	margin:0 .15rem;
}
section>div>div:nth-child(2)>div>b{
	display: inline-block;
	width: .015rem;
	height:.1rem;
	border-radius: .008rem;
	background: white;
	animation:bmove .7s infinite;
}
section>div>div:nth-child(2)>div>i{
	display: inline-block;
	width: .015rem;
	height:.1rem;
	border-radius: .008rem;
	background: white;
	margin:0 .03rem;
	transform:rotateX(90deg);
	animation:imove .7s infinite;
}
@keyframes bmove{
	from{transform:rotateX(0deg);}
	to{transform: rotateX(180deg);}
}
@keyframes imove{
	from{transform:rotateX(90deg);}
	to{transform: rotateX(-90deg);}
}
section>div>div:nth-child(2)>div>span{
	margin-left: .05rem;
	font-size: .12rem;
	line-height: .23rem;
}
section>div>div:nth-child(3){
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0 .15rem;
}
section>div>div:nth-child(3)>div:first-child{
	display: flex;
	flex-direction: column;
	font-size: .12rem;
	height: .35rem;
	justify-content: space-between;
}
section>div>div:nth-child(3)>div:first-child i{
	color:#26cbcc;
	margin:.02rem;
}
section>div>div:nth-child(3)>div:last-child{
	width: .77rem;
	height: .3rem;
	border-radius: .15rem;
	background: #00c2c3;
	text-align: center;
	line-height: .3rem;
	font-size: .12rem;
	color:white;
}
.btm{
	text-align: center;
	color: #6e6e6e;
	background: #f6f6f9;
	font-size: .12rem;
	height:1rem;
	text-align: center;
	line-height: .6rem;
}
